<template>

  <el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-position="left" label-width="0px" class="demo-ruleForm login-container">
    <h3 class="title">系统登录</h3>
    <el-form-item prop="account">
      <el-input type="text" v-model="ruleForm2.account" auto-complete="off" placeholder="账号"></el-input>
    </el-form-item>
    <el-form-item prop="checkPass">
      <el-input type="password" v-model="ruleForm2.checkPass" auto-complete="off" placeholder="密码"></el-input>
    </el-form-item>
    <!--<el-checkbox v-model="checked" checked class="remember">记住密码</el-checkbox>-->
    <el-form-item style="width:100%;">
      <el-button type="primary" style="width:100%;"   @click="submit"  :loading="logining">登录</el-button>
      <!--<el-button @click.native.prevent="handleReset2">重置</el-button>-->
    </el-form-item>
  </el-form>
</template>

<script>

  export default {
    data() {
      return {
        checkstaff: [
          {
            staffId: 0,
            sex: "男",
            staffName: "liuyinan",
            restHoliday: 7,
            password: null,
            level: 0
          }
        ],
        idpw: {

        },
        user_root: -1,
        logining: false,
        ruleForm2: {
          // account: 'admin',
          // checkPass: '123456'
        },
        rules2: {
          account: [
            { required: true, message: '请输入账号', trigger: 'blur' },
            //{ validator: validaePass }
          ],
          checkPass: [
            { required: true, message: '请输入密码', trigger: 'blur' },
            //{ validator: validaePass2 }
          ]
        },
        checked: true
      };
    },
    methods: {
      // login(){
      //   this.idpw.staffId=this.ruleForm2.account;
      //   this.idpw.password=this.ruleForm2.checkpass;
      //
      // },
      submit() {
        this.$http.get('api/leavingsystem/staff/'+ this.ruleForm2.account , {headers:{"Authorization": "1000.123456.1"}}).then(response =>{
          // console.log("good");
          this.checkstaff=response.data.data;
          // console.log(response.data.data.password);
          // console.log(this.ruleForm2.checkPass);
          // this.checkstaff.password="123456";
          this.judge()
// console.log(response.json());
        }, response =>{
          // alert("wrong");
          // console.log("wrong");
          // console.log(response.data);
          this.$alert('系统繁忙，请刷新重试', '登录失败', {
            confirmButtonText: '确定',
            // callback: action => {
            //   this.$message({
            //     type: 'info',
            //     message: `action: ${ action }`
            //   });
            // }
          });

        });
        // alert('api/leavingsystem/staff/'+ this.ruleForm2.account );
//         this.$http.get('api/leavingsystem/staff/'+ this.ruleForm2.account , {headers:{"Authorization": "1000.123456.1"}}).then(response =>{
//           console.log("good");
//           console.log(response.data.data);
//           // this.checkstaff.password="123456";
//           this.checkstaff=response.data.data;
// // console.log(response.json());
//         }, response =>{
//           alert("wrong");
//           console.log("wrong");
//           console.log(response.data);
//         })
// .then(json =>{
// this.staffIns = json.staffIns
// })
      },
      // handleReset2() {
      //   this.$refs.ruleForm2.resetFields();
      // },

      judge() {
        // var _this = this;
        // this.$refs.ruleForm2.validate((valid) => {
        //
        // });

        if(this.ruleForm2.account==null || this.ruleForm2.checkPass==null){
          this.$alert('请输入账号/密码', '登录失败', {
            confirmButtonText: '确定',
            // callback: action => {
            //   this.$message({
            //     type: 'info',
            //     message: `action: ${ action }`
            //   });
            // }
          });
        }else if(this.checkstaff==null || this.ruleForm2.checkPass!= this.checkstaff.password){

          this.$alert('账号或密码错误', '登录失败', {
            confirmButtonText: '确定',
            // callback: action => {
            //   this.$message({
            //     type: 'info',
            //     message: `action: ${ action }`
            //   });
            // }
          });
        }else{
          // alert("输入值："+ this.ruleForm2.checkPass + "密码：" + this.checkstaff.password);
          this.user_root= this.checkstaff.level;
          var storage=window.localStorage;
          storage.setItem("user_id",this.ruleForm2.account);
          storage.setItem("user_name",this.checkstaff.staffName);
        }
        this.$emit('root',this.user_root);


      }
    }
  }

</script>
<style >
  .login-container {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin: 180px auto;
    width: 350px;
    padding: 35px 35px 15px 35px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 25px #cac6c6;}
  .title {
    margin: 0px auto 40px auto;
    text-align: center;
    color: #505458;
  }
  .remember {
    margin: 0px 0px 35px 0px;
  }

</style>
